<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>欢迎页</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!--<div class="panel panel-default">-->
<!--    <div style="padding: 10px 0 20px 10px;">-->

<!--        <h2>&nbsp;&nbsp;SchoolLeaveSystem-学校请假管理系统</h2>-->
<!--        <h3>&nbsp;&nbsp;&nbsp;项目介绍:</h3>-->
<!--        <ul>-->
<!--            <li><h4>SpringBoot基础框架</h4></li>-->
<!--            <li><h4>SpringDataJpa持久层框架</h4></li>-->
<!--            <li><h4>Thymeleaf模板引擎</h4></li>-->
<!--            <li><h4>BootStrap页面框架</h4></li>-->
<!--            <li><h4>Mysql存储数据</h4></li>-->
<!--            <li><h4>Shiro登录认证</h4></li>-->
<!--            <li><h4>Pageable分页查询</h4></li>-->
<!--            <li><h4>JavaMailSender邮件服务</h4></li>-->
<!--            <li><h4>Scheduled定时任务</h4></li>-->
<!--        </ul>-->
<!--    </div>-->
<!--</div>-->

<div id="myCarousel" class="carousel slide">
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"> </li>
        <li data-target="#myCarousel" data-slide-to="1"> </li>
        <li data-target="#myCarousel" data-slide-to="2"> </li>
        <li data-target="#myCarousel" data-slide-to="3"> </li>
        <li data-target="#myCarousel" data-slide-to="4"> </li>
        <li data-target="#myCarousel" data-slide-to="5"> </li>
        <li data-target="#myCarousel" data-slide-to="6"> </li>
        <li data-target="#myCarousel" data-slide-to="7"> </li>
    </ol>
    <div class="carousel-inner">
        <div class="item active" style="background:#223240;">
            <img src="/img/food/1.jpg" alt="第一张" />
        </div>
        <div class="item" style="background:#F5E4DC; ">
            <img src="/img/food/2.jpg" alt="第二张" />
        </div>
        <div class="item" style="background:#DE2A2D;">
            <img src="/img/food/3.jpg" alt="第三张" />
        </div>
        <div class="item" style="background:#b729de;">
            <img src="/img/food/4.jpg" alt="第四张" />
        </div>
        <div class="item" style="background:#3ade10;">
            <img src="/img/food/5.jpg" alt="第五张" />
        </div>
        <div class="item" style="background:#645ade;">
            <img src="/img/food/6.jpg" alt="第六张" />
        </div>
        <div class="item" style="background:#d4de41;">
            <img src="/img/food/7.jpg" alt="第七张" />
        </div>
        <div class="item" style="background:#57de68;">
            <img src="/img/food/8.jpg" alt="第八张" />
        </div>

    </div>

    <a href="#myCarousel" data-slide="prev" class="carousel-control left">
        <span class="glyphicon glyphicon-chevron-left"> </span>
    </a>
    <a href="#myCarousel" data-slide="next" class="carousel-control right">
        <span class="glyphicon glyphicon-chevron-right"> </span>
    </a>
</div>
<div id="content">
    <div id="xinwen">新闻</div>
    <div id="lianjie">
        <h2>
            <font size=5px; color=#2E2E2E> 相关链接</font>
        </h2>
        <ul>
            <li>
                <a href="https://www.boohee.com/"><font size=2px; color==#A4A4A4>薄荷健康</font> </a>
            </li>
            <li>
                <a href="https://www.meishichina.com/"><font size=2px; color==#A4A4A4>美食天下</font> </a>
            </li>
            <li>
                <a href="http://food.39.net/"><font size=2px; color==#A4A4A4>39健康饮食</font> </a>
            </li>
            <li>
                <a href="https://www.douguo.com/"><font size=2px; color==#A4A4A4>豆果网</font> </a>
            </li>
        </ul>
    </div>
</div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/openTab.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
    //自动播放
    $("#myCarousel").carousel({
        interval :2000,
    });
</script>
</html>